/**
 * Created by clakeboy on 16/6/18.
 */
import React from 'react';

import {Button, View,NavBar,Container,Group,List} from 'amazeui-touch';

import { Router, Route, hashHistory, Link } from 'react-router';

import '../Assets/css/about.less';


export default class AboutView extends React.Component {
    constructor(props) {
        super(props);
    }

    onBack(e) {
        this.context.router.goBack();
    }

    render() {
        return (
            <Container {...this.props}>
                <Group
                    header="关于 Amaze UI Touch"
                    footer="ver __VERSION__"
                >
                    <p>Amaze UI Touch 是基于 React.js 的移动端 Web 组件库。</p>
                </Group>
                <Group
                    header="开发人员"
                >
                    <ul>
                        <li><a href="https://github.com/minwe" target="_blank">@minwe</a>
                        </li>
                        <li><a href="https://github.com/huangzhipeng" target="_blank">@huangzhipeng</a>
                        </li>
                    </ul>
                </Group>
                <Group
                    header="鸣谢"
                >
                    <p>感谢所有参与、关注 Amaze UI 的用户。</p>
                </Group>
                <Group
                    header="版权"
                >
                    <p>MIT © 2015 - {this.props.year} AllMobilize Inc.</p>
                </Group>
                <Group
                    header="UA"
                >
                    <p><code>{navigator.userAgent}</code></p>
                </Group>
            </Container>
        );
    }
}


AboutView.contextTypes = {
    router: React.PropTypes.object
};
